<template>
  <dl>
    <dt>{{title}}</dt>
    <dd class="small">
      {{num}}人
    </dd>
  </dl>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      default: ''
    },
    num: {
      type: Number,
      default: 0
    }
  }
}
</script>

<style lang="scss" scoped>
dl{
  text-align:center;
  border-right: 0.01rem solid $color-divider;
  margin: 0.56rem 0;
  dt{
    margin-bottom: 0.26rem;
  }
  dd{
    color: $color-sub;
  }
}
</style>
